<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/homepage.css">
	</head>
	<body>
		<header class="header relative">
			<img class="menu-img" src="./img/home-page/menu.png" alt="">
			<span class="title">本家</span>
			<img class="select-img" src="./img/home-page/select.jpg" alt="">
		</header>
		<div class="banner relative">
			<img class="img" src="./img/home-page/banner.jpg" alt="">
			<div class="circle-title">
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
			</div>
		</div>
		<ul class="menu-list">
			<li><img src="./img/home-page/logo1.png" alt="">
				<div>新品/热销</div>
			</li>
			<li><img src="./img/home-page/logo2.png" alt="">
				<div>超值拼团</div>
			</li>
			<li><img src="./img/home-page/logo3.png" alt="">
				<div>新人福利</div>
			</li>
			<li><img src="./img/home-page/logo4.png" alt="">
				<div>时尚动态</div>
			</li>
		</ul>
		<div class="block"></div>
		<div class="hot-sale">
			<div class="center">
				<div class="title-cn">精品热卖</div>
				<div class="line"></div>
				<div class="title-en">SALE</div>
			</div>
			<ul class="list">
				<li>
					<img src="./img/home-page/img1.jpg" alt="">
					<div class="description">英式经典三防女式长风衣</div>
					<div class="price">￥599</div>
				</li>
				<li>
					<img src="./img/home-page/img2.jpg" alt="">
					<div class="description">超轻至暖铜氨丝白鹅绒被</div>
					<div class="price">￥999</div>
				</li>
				<li>
					<img src="./img/home-page/img3.jpg" alt="">
					<div class="description">羊毛混纺经典长款大衣</div>
					<div class="price">￥1299</div>
				</li>
				<li>
					<img src="./img/home-page/img4.jpg" alt="">
					<div class="description">创意懒人叠衣板+收纳箱</div>
					<div class="price">￥79</div>
				</li>
				<li>
					<img src="./img/home-page/img5.jpg" alt="">
					<div class="description">GF合金包角拉链箱</div>
					<div class="price">￥259</div>
				</li>
				<li>
					<img src="./img/home-page/img.jpg" alt="">
					<div class="description">婴童纱布长斤三条装</div>
					<div class="price">￥59</div>
				</li>
			</ul>
			<div class="block"></div>
		</div>
		<div class="optimization">
			<div class="center">
				<div class="title-cn">精选优品</div>
				<div class="line"></div>
				<div class="title-en">SELECTION</div>
			</div>
			<div class="list">
				<div class="item">
					<img src="./img/home-page/big.jpg" alt="">
					<div class="title-price">
						<span>本家HOME</span>
						<span>29.9元起</span>
					</div>
					<div class="description">每满100立减20元</div>
				</div>
				<div class="item">
					<img src="./img/home-page/big.jpg" alt="">
					<div class="title-price">
						<span>本家HOME</span>
						<span>29.9元起</span>
					</div>
					<div class="description">每满100立减20元</div>
				</div>
			</div>
		</div>
		<div class="block"></div>
		<div class="recommend">
			<div class="center">
				<div class="title-cn">好物推荐</div>
				<div class="line"></div>
				<div class="title-en">RECOMMEND</div>
			</div>
			<ul class="list">
				<li>
					<img src="./img/home-page/e1.jpg" alt="">
					<div class="title">狐步小吊灯</div>
					<div class="description">曼妙裙摆 任意空间的光线舞者</div>
					<div class="price">￥469</div>
				</li>
				<li>
					<img src="./img/home-page/e2.jpg" alt="">
					<div class="title">折简餐具组|碗套装</div>
					<div class="description">国画四色 诠释最美器具</div>
					<div class="price">￥89</div>
				</li>
				<li>
					<img src="./img/home-page/e3.jpg" alt="">
					<div class="title">竹枝抱枕</div>
					<div class="description">上百竹枝首尾相依 静生生物</div>
					<div class="price">￥169</div>

				</li>
				<li>
					<img src="./img/home-page/e4.jpg" alt="">
					<div class="title">澎湃声波牙刷 Pro</div>
					<div class="description">一件能明显提升幸福感的小物件</div>
					<div class="price">￥259</div>
				</li>
				<li>
					<img src="./img/home-page/e5.jpg" alt="">
					<div class="title">镜线餐具组</div>
					<div class="description">让每一餐都清爽可口</div>
					<div class="price">￥399</div>
				</li>
				<li>
					<img src="./img/home-page/e6.jpg" alt="">
					<div class="title">光合氧气花瓶</div>
					<div class="description">光影魔术手 找到植物的专属生命</div>
					<div class="price">￥129</div>
				</li>
				<li>
					<img src="./img/home-page/e7.jpg" alt="">
					<div class="title">黑白格子V领背心裙</div>
					<div class="description">简约不简单 轻松高级感</div>
					<div class="price">￥339</div>
				</li>
				<li>
					<img src="./img/home-page/e8.jpg" alt="">
					<div class="title">重磅绞花羊绒衫</div>
					<div class="description">羊绒纱线采用7针、26纱支织造而成</div>
					<div class="price">￥559 </div>
				</li>
				<li>
					<img src="./img/home-page/e9.jpg" alt="">
					<div class="title">珊瑚绒加厚保暖连体衣</div>
					<div class="description">珊瑚绒御寒 加厚保暖 纯棉内里</div>
					<div class="price">￥259</div>
				</li>
				<li>
					<img src="./img/home-page/e10.jpg" alt="">
					<div class="title">Pop Loop 慢跑鞋 男女款</div>
					<div class="description">曼妙裙摆 任意空间的光线舞者</div>
					<div class="price">￥339 </div>
				</li>
				<li>
					<img src="./img/home-page/e11.jpg" alt="">
					<div class="title">M&N 尊荣白鸭绒静音冬被</div>
					<div class="description">内衬蓬松饱满 静音防羽 保暖舒适</div>
					<div class="price">￥659</div>
				</li>
				<li>
					<img src="./img/home-page/e12.jpg" alt="">
					<div class="title">小怪兽糖罐组</div>
					<div class="description">为生活加一剂萌料</div>
					<div class="price">￥59</div>
				</li>
			</ul>
		</div>
		<footer class="footer">
			<ul class="menu">
				<li>
					<img src="./img/home-page/bottom1.png" alt="">
					<div>首页</div>
				</li>
				<li>
					<img src="./img/home-page/bottom2.png" alt="">
					<div>优选</div>
				</li>
				<li>
					<img src="./img/home-page/bottom3.png" alt="">
					<div>分类</div>
				</li>
				<li>
					<img src="./img/home-page/bottom4.png" alt="">
					<div>购物车</div>
				</li>
				<li>
					<img src="./img/home-page/bottom5.png" alt="">
					<div>我的</div>
				</li>
			</ul>
			<div class="bottom"></div>
		</footer>
	</body>
</html>
